<template>
  <ul>
    <li v-for="(item,index) in list " :key="index">
      <!-- <div>{{item.name}}</div> -->
      <van-radio class="padding-item" :name="item.name" label-position="left"> {{ item.name }} </van-radio>
      <tree-menu :list="item.cList"></tree-menu>
    </li>
  </ul>
</template>
 <style>
   ul{
    padding-left: 20px!important;
   }
   .padding-item {
      padding: 12px;
      justify-content: space-between;
   }
 </style>
<script>
  export default{
    name:'treeMenu', // 通过name直接调用该组件
    props:{
      list: Array
    },
    data() {
      return {

       radio: null
      }
    }
  }
</script>